<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
	.box{
		width: 300px;
		height: 390px;
		background: #999;
		/*border-top-style: solid;   /*线型*/
		/*border-top-color: red; */    /*边框颜色*/
		/*border-top-width: 5px;*/

		/*边框属性连写*/
		/*border-top: red solid 5px;

*/       /*四个边框值相同的写法*/
		 /*border:12px solid red;*/
		border-left: 5px dashed green;
		border-right: 12px dotted pink;
	}
	</style>
</head>
<body>
	<div class="box">14期威武</div>
</body>
</html>